<template>
	<div class="hometop">
		<input type="text" placeholder="权威专业资料库"/>
		<span class="iconfont icon-sousuo"></span>
		<span class="iconfont icon-scancode"></span>
		<img src="img/quan.png" />
		<span class="focus"></span>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped="scoped">
	.hometop{
		padding: 0.15rem;
		height: 0.42rem;
		width: calc(100% - 0.3rem);	
		position: fixed;
		top: 0;
		left: 0;
		background-color: #f7f7f7;
		z-index: 5;
		input{
			width: 3.1rem;
			height: 0.4rem;
			border: 0.01rem solid #aaaaaa;
			border-radius: 0.05rem;
			position: absolute;
			text-indent: 0.33rem;
			outline: none;
			font-size: 0.12rem;
		}
		.icon-sousuo{
			position: absolute;
			top: 0.27rem;
			left: 0.25rem;
			font-size: 0.16rem;
		}
		.icon-scancode{
			position: absolute;
			top: 0.25rem;
			right: 0.6rem;
			font-size: 0.22rem;
		}
		img{
			position: absolute;
			top: 0.25rem;
			right: 0.15rem;
		}
	}
</style>
